@charset "utf-8";
*{margin:0;padding:0;}
img{border:none;}
body{font-size:14px;font-family:"宋体" ; color:#444;line-height:26px;background:url(webbg.jpg) top repeat-x;}
ul,li{ list-style-type:none;line-height:26px;}
a{ text-decoration:none; color:#444;}
a:hover{ text-decoration:none; color:#0033CC;}
h1,h2,h3{margin:0;padding:0;border:none}
h3 span{color:#333;padding-left:20px;font-size:14px;}
/**/
	/**/
	.clear{clear:both;}
	.float_left{float:left;}
	.float_right{float:right;}
	.no_bg{background:none!important;}
	.no_bor{ border:none!important;}
	/*6*/
	.clear6{overflow:hidden; height:6px; clear:both;}
	.clear5{overflow:hidden; height:5px; clear:both;}
	.clear0{overflow:hidden; height:1px; clear:both;}
		.claar10{overflow:hidden; height:10px; clear:both;}

.more{float:right; padding-right:10px;}
.h18{line-height: 18px;word-wrap:break-word}
.bold{font-weight:bold}

#top{width:1000px; margin:0 auto; height:42px}
#top .left{ width:700px; float:left; line-height:40px; font-size:12px; color:#666666}
#top .right{ width:300px; float:right; line-height:40px;text-align:right}

#head{width:1000px; margin:0 auto;height:140px;}
.nava{margin:0 auto;padding-left:2px; width:1000px; height:45px;clear:both}
.nava li{float:left; width:110px;  text-align:center; color:#fff;line-height:45px;font-size:14px;font-weight:100;}
.nava li.on{color:#ffffff; background:#0680F1; width:108px; margin-left:1px}
.nava li.on a,.nava li.on a:hover{color:#ffffff;}
.nava li a{color:#fff; text-decoration:none}
.nava li a:hover{color:#CEE1FB; text-decoration:none}
.nava li.sear{width:239px;}

/* banner-box */
.banner{width:100%;overflow:hidden;height:500px;position:relative}
.banList{position:absolute;left:50%;margin-left:-960px;height:500px;}
.banList li{height:500px;opacity:0;position:absolute;transform:scale(0);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;}
.banList li.active{opacity:1;transform:scale(1);z-index:2;}
.fomW{position:absolute;bottom:50px;left:50%;height:20px;z-index:9;width:1000px;margin-left:-500px}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#024498;width:7px;height:7px;border-radius:50%;margin:0 5px; border:1px #fff solid}
.jsNav a.current{background:#ff0000;cursor:pointer; border:1px #fff solid;}


.main_a{ margin:0 auto; width:1000px; background:#FFF;  padding-top:20px; clear:both}
.main_a .mleft_a{ width:247px; float:left; padding-right:18px;}
.main_a .mleft_a .mtitle{ width:247px;}
.main_a .mleft_a .pleft{width:190px; border-top:2px #fff solid;  padding:28px; background:#D7E7FF;  }
.main_a .mleft_a .pleft ul{width:190px; margin:0 auto; background:#317AE7; line-height:26px; clear:both;}
.main_a .mleft_a .pleft ul p{padding-left:20px; color:#fff; font-size:12px; font-weight:normal;border-bottom:1px solid #fff;}
.main_a .mleft_a .pleft ul p a{color:#fff;}
.main_a .mleft_a .pleft li{border-bottom:1px solid #fff; padding-left:18px; line-height:24px; clear:both; background:#B0D7F4;}
.main_a .mleft_a .pleft span{line-height:18px; clear:both;}
.main_a .mleft_a  .tel{background:#D7E7FF; text-align:right}
.main_a .mleft_a  .contact{ padding-top:20px; background:#D7E7FF;padding-left:33px; line-height:24px; padding-bottom:20px;}
.main_a .mleft_a  .contact h1{ font-size:14px; font-weight:bold}
.main_a .mright_a{ width:735px;  float:right; }
.main_a .mright_a .rtitle{ width:735px;background:#0443A0;  height:40px;}
.main_a .mright_a .rtitle li{ float:left; width:110px; color:#FFFFFF;line-height:40px; font-size:14px; font-weight:100; text-align:center}
.main_a .mright_a .rtitle li a{width:110px; color:#FFFFFF; line-height:40px; font-size:14px; text-align:center}
.main_a .mright_a .rtitle li span{ float:left; width:110px; height:40px; background:#5998F6;line-height:40px;font-weight:bold;  color:#FFFFFF; text-align:center}
.main_a .mright_a .rbox{ width:708px; padding:12px; height:350px}
.home-product{ width:708px; margin:0 auto;padding-top:10px;}
.home-product li{width:215px;  float:left; line-height:22px; padding-left:15px; padding-right:5px; padding-bottom:15px;  font-siz:12px; color:#0066FF}
.home-product img{ height:190px; width:213px; border:1px #dcdcdc solid;  background:#FFF}
.home-product p{  background:#065ECB;margin:0px;text-align:center; font-size:12px; color:#FFFFFF; height:30px;line-height:30px; }
.home-product p a:link,.home-product p a:visited{text-decoration:none; font-size:14px; color:#fff}

.why{width:100%; text-align:center; margin-top:30px; background:#EBEDEC; padding-top:20px; padding-bottom:20px;}

.main_about{ width:1000px; margin:0 auto; padding-top:20px;}
.main_about h2{width:1000px; text-align:center }
.main_about .aboutleft{ width:360px; float:left; padding-top:10px;}
.main_about .aboutright{ width:640px; float:left; padding-top:10px; line-height:26px; font-size:12px; color:#555}
.main_about .aboutright h1{ line-height:50px; font-size:24px; font-weight:bold}

.ibanner{width:100%;overflow:hidden;position:relative; height:154PX;}
.bannerbx {width:1920px;  position:absolute; left:50%;  margin-left:-960px;}

.hotpro{ width:1200px;margin:0 auto;  text-align:center; padding-top:40px;}
.search{ width:400px; margin:0 auto; padding-top:20px;}
.search .nsear{ height:35px; border:1px #DCDCDC solid; width:330px; color:#999999}


.mainnews{ width:100%; margin-top:40px; background:#f5f5f5; height:520px; padding-top:30px;}
.mainnews .title{ width:1000px;margin:0 auto; text-align:center}
.mainnews .content{width:1000px;margin:0 auto; }
.mainnews .content ul{margin-top:8px;}
.mainnews .content li{ float:left; background:url(newbottom.jpg) #FFFFFF bottom center no-repeat; padding-bottom:30px;margin-left:5px; margin-right:5px; width:240px; }
.mainnews .content li h1{ color:#333; font-weight:bold; font-size:16px;padding-left:9px; padding-right:9px; padding-top:15px;width:220px; }
.mainnews .content li h2{ color:#555;padding-left:9px; font-weight:100; font-size:12px; padding-right:9px;line-height:21px; width:220px; }
.mainnews .newstitle{width:1000px;margin:0 auto;}
.mainnews .newstitle ul{margin-top:15px;}
.mainnews .newstitle li{float:left; line-height:24px; margin-left:10px; width:240px; }

#contact{ width:100%; margin-top:30px; background:#F1AF12; text-align:center}
#contactwd{ width:100%; text-align:center; background:#F4F4F4; height:288px;}
#contactwd .mcontact{ width:1100px; margin:0 auto}
.clx{background:url(contactwd11.jpg) top no-repeat; padding-top:200px; padding-left:160px;}

.maina{width:1000px; margin:0 auto; overflow:hidden; background:url(bodybg.jpg) repeat-y;  }

.maina .mleft_a{ width:247px; float:left; padding-right:18px;}
.maina .mleft_a .mtitle{ width:247px;}
.maina .mleft_a .pleft{width:190px; border-top:2px #fff solid;  padding:28px; background:#D7E7FF;  }

.maina .mleft_a  .tel{background:#D7E7FF; text-align:right}
.maina .mleft_a  .contact{ padding-top:20px; background:#D7E7FF;padding-left:33px; line-height:24px; padding-bottom:20px;}
.maina .mleft_a  .contact h1{ font-size:14px; font-weight:bold}

.maina .mleft{float:right; width:730px;  margin-top:10px;}
.maina .mleft .ntopbg{ background:url(ico11.jpg) left no-repeat; border-bottom:1px #dcdcdc solid; height:43px; line-height:43px; padding-left:25px;  }
.maina .mleft .ntopbg H1{ height:43px; border-bottom:2px #0157B0 solid; line-height:43px;  width:100px;font-size:18px;padding-left:25px;  font-weight:100; color:#0157B0; font-weight:bold}
.maina .mleft .nbox{float:left; width:546px; padding-top:10px}
.maina .mleft .ibox{ padding:10px;}

dl {width:190px;}
dl,dd {margin:0 auto;}
dt {background:#317AE7;padding:2px 0px 2px 10px; line-height:26px;border-bottom:1px solid #fff;}
dt a { color: #FFF; }
dd a { color: #000;font-size: 12px; }
.proclass{padding:0px;}
.proclass li{background:#A0C7E4; height:22px; line-height:22px; padding-left:15px; border-bottom:1px solid #fff;}
.proclass li a:hover{color:#0033CC;}


.news_list {
	
}
.news_list LI {
	LINE-HEIGHT:25px; PADDING-LEFT:5px; border-bottom:1px #dcdcdc dotted;
}




.dapro{width:730px;background:#fff; overflow:hidden; clear:both;}
.dapro h3{font-size:14px; font-weight:bold; line-height:25px; margin-bottom:10px; padding-left:20px; padding-top:10px; border-bottom:1px dashed #ccc;}
.dapro h3 span{float:right; font-size:12px; font-weight:normal; padding-right:20px;}
.dapro li{float:left; width:200px; overflow:hidden; text-align:center; margin:0 auto;  margin-left:13px; margin-right:13px;}
.dapro li p{clear:both; height:50px; overflow:hidden;}
.dapro li img{width:190px; height:170px; border:1px solid #ccc; padding:3px;}


.iorder{background:url(iorder.jpg) no-repeat; width:962px; height:62px; margin:10px auto}
.iorder img{float:right; margin-right:20px; width:76px; height:24px; margin-top:19px;}

.iproduct{line-height:1.3em;clear:both;}
.iproduct li{width:116px;height:145px;line-height:20px;text-align:center;padding:12px 0px 12px 15px;display:inline;float:left;overflow: hidden;}
.iproduct .p_image{width:112px;height:108px;margin-bottom:2px;padding:1px; border:1px solid #ccc;}
.iproname{background:url(hotproname.jpg) no-repeat; height:32px; line-height:32px; padding-left:108px; border-left:1px solid #A6A6A6; border-bottom:1px solid #A6A6A6; border-right:1px solid #A6A6A6;clear:both;}


.aboutli{margin-bottom:10px;background:url(naboutbg.jpg) no-repeat;padding-top:2px; height:137px; clear:both;}
.aboutli li{line-height:32px; height:32px;padding-left:60px;}
.aboutli li a,.aboutli li a:hover{color:#ffffff;}

.lpro{margin:10px auto 50px auto; width:186px;clear:both;}
.lpro li{margin-bottom:10px;}




.hotcontent{ background:url(aboutpic.jpg) no-repeat; height:130px;width:376px; padding-left:170px; margin-top:10px;}



.nleftli{width:210px; margin:0px auto 15px auto; padding-top:10px;}
.nleftli li{line-height:25px; margin-top:3px; margin-bottom:8px; background:#D7EDF3;padding-left:25px;}




.content{word-break:break-all;padding:10px;text-align:justify;text-justify:inter-ideograph}
.content h1{font-size:14px; font-weight:bold; color:#076B98; margin-bottom:15px;}



.search{height:31px;margin-top:2px !important; margin-top:9px;}
.inputsearch{border:none; padding:2px;margin-left:35px; background:none; width:140px;}
.searchbtn{margin-right:1px;}





/*news*/
.news{height:275px;}
.news li{list-style:none;margin:0;padding-left:10px;height:22px;line-height:22px;background:url(ico.gif) no-repeat left center}

.pclass{background:url(pclass.jpg) no-repeat; height:280px;}
.list{width:198px; margin: 45px auto;clear:both;overflow:hidden;}
.list li{background:url(pclassbg.jpg) no-repeat; height:24px; line-height:24px; padding-left:40px; font-weight:bold;margin-top:6px; margin-bottom:5px;}

.nleftlx{margin-top:10px; background:url(nleftlx.jpg) no-repeat; height:276px;}
.nadd{padding-top:150px;padding-left:10px;}

.nmsg{padding:8px; white-space:normal;}


.product_list {
	background: url(bg_producto_lista.png) repeat-x bottom;
	
	max-width:900px;
	position: relative;
	margin-bottom: 12px;
	padding:5px 0 0 5px;
	clear:both;
	
}
.product_list li{
	height: 200px;width:430px;
        padding-right:20px;
        margin-bottom: 20px;
        float:left;
		position: relative;
        border-bottom:1px #C0BEBE solid;
}
.product_list li .new {
	position: absolute;
	bottom: 0;
	left: 0;
}

.product_list img, .producto_lista ul {
	float: left;

}

.product_list h1 {
	margin: 5px 10px 0 5px;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
}


.product_list p {
	margin: 5px 10px 0 5px;
	color: #737373;
	font-size: 12px;
	line-height: 22px!important;
}
#order{padding:10px 0 20px;width:600px; margin:0 auto;text-align:left}
#order h1{padding:15px 0 5px;font-size:22px}
#order p{margin:5px 0 10px;font-size:12px}
#order form{margin-left:30px}
.div_li{margin-bottom:10px}
#order label{margin:3px 0;font-weight:bolder;display:block}
#order label.checkbox{font-weight:normal;display:inline}
#order input{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000}
#order input:hover{border:1px solid #6ad}
#order .medium{width:220px}
#order .submit{margin-top:10px;cursor:hand}
#message{border:1px solid #aaa;padding:3px;font-size:12px;background-color:#fefefe;color:#000;width:500px;height:100px}
#demo{margin-top:10px}
.div_li font{padding-left:10px;font-size:12px;color:#777}
.div_li .red{color:#ff3300;}
.error,.success{padding:10px 20px;text-align:left;font-size:12px}
.error{background-color:#a22;color:#fff}
.success{background-color:#cfc;color:#051}

ul.product{clear:both; margin:0 auto;text-align:center;}
ul.product li{float:left;text-align:center;width:220px;margin:0 0 10px 0;display:inline;overflow:hidden;height:240px;border:1px #e3e3e3 solid;}
ul.product li.plist{margin:0 6px 15px 6px;}
ul.product li h3,ul.product li h2,ul.product li h3,ul.product li span{width:220px;line-height:22px;font-size:12px;text-align:center;}
ul.product li p{width:220px; height:190px; text-align:center;position:relative;vertical-align:middle;display:table-cell; overflow: hidden; +position:static;top:50%; align:absmiddle;background-color:#fff; text-align:center}
ul.product li p img{width:expression(this.width > 220 && this.width > this.height ? 190 : true); height: expression(this.height > 190 ? 190 : true);
max-width:220px;max-height:190px;vertical-align:middle; top:-50%;left:-50%;}

#newlist{float:left; width:100%; margin-top:5px;overflow:hidden; clear:both;}
.newlista li{background:url(newt.gif) no-repeat 8px center; line-height:30px; padding-left:20px; color:#333; border-bottom:1px dashed #E2E2E2;font-size:14px;margin-bottom:5px;}
.newlista em{ float:right; width:auto; height:auto; color:#999; font-style:normal;}
.newlista a:hover{color:#ff6600;}


.promsg{padding:2px;}
.promsg a{font-weight:bold;}

.promsg h2{font-family: Microsoft YaHei,arial;font-weight:bold;color:#000;position:relative;font-size:1.5EM;line-height:40px;text-align:center;}
.promsg .protop{text-align:center; border-bottom:1px dashed #dbdbdb; padding-bottom:10px; margin-bottom:10px;line-height:30px;}
.promsg .protop,.promsg .protop a{margin-right:15px;color:#555555; font-weight:bold;}
.promsg .info{padding-top:10px;border-bottom:1px dashed #dbdbdb;border-top:1px dashed #dbdbdb; padding-bottom:10px;margin-bottom:10px;margin-top:10px;clear:both;}
.promsg .info,.promsg .info a {color:#074DBD;}

.promsg .xgpro{ float:left; text-align:left; }
.promsg .xgpro li{ width:359px;float:left; font-weight:100}
.promsg .xgpro li a{color:#555555;  font-weight:100;}


#xl{padding:5px;position:relative}
#xl li{padding:8px 10px;border-bottom:1px dotted #ccc;color:#999;overflow:hidden;zoom:1}
#xl li span{float:right;width:600px;color:#999;line-height:25px;}
#xl li a:link{color:#02405B;}
#xl li a:hover,#xl li a:visited{color:#F16609}

.newsend{border:1px solid #e1e1e1; padding:5px;width:98%;clear:both;}

.link{width:965px; margin:0 auto; line-height:30px; clear:both;}

.foot{background:#0651B7; width:100%; margin:2px auto; line-height:26px; padding-top:1px;text-align:center; padding-top:30px;}
.foota{ width:1000px; margin:0 auto; color:#ffffff; padding:10px; height:260px;  }
.foota .fbox1{ width:180px; height:200px; padding-left:20px; text-align:left; padding-bottom:10px;float:left}
.foota .fbox1 h5{font-size:16px; line-height:45px}
.foota .fbox1 ul{margin:0px; padding:0px}
.foota .fbox1 li{font-size:14px;}
.foota .fbox1 li a{ color:#FFF}


.foota .fbox3{ width:180px;text-align:left; padding-bottom:10px;float:left; padding-left:20px}
.foota .fbox3 h5{font-size:16px; line-height:45px}
.foota .fbox3 ul{margin:0px; padding:0px}
.foota .fbox3 li{font-size:14px; }
.foota .fbox3 li a{ color:#FFF}
.foota .fbox4{  text-align:left; width:350px; padding-bottom:10px;float:left; padding-left:20px;background:url(wx.png) bottom right no-repeat}
.foota .fbox4 h5{font-size:16px; line-height:45px}
.foota .fbox4 ul{margin:0px; padding:0px}
.foota .fbox4 li{font-size:14px; }
.foota .fbox4 li a{ color:#FFF}
.end{ background:#0443A0; width:100%; color:#D2E4FC; border-top:1px #70A8FB solid; font-family:Arial, Helvetica, sans-serif; text-align:center;padding-top:25px;padding-bottom:20px; font-size:12px;}
.end a{  color:#D2E4FC;}